.header {
  width: 100%;
  position: fixed;
  top: 0rem;
  height: 1.1rem;
  background-image: url("../images/newTopBg.png");
  z-index: 500;
}
.header .content {
  padding-left: 0.22rem;
  padding-top: 0.15rem;
  justify-content: space-between;
  align-items: center;
}
.header .content .logo img {
  height: 0.83rem;
}
.header .content .menu {
  margin-right: 0.3rem;
}
.swipslider {
  padding: none !important;
}
.header_login {
  height: 0.8rem;
  background-color: #2656aa;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 0rem 0.2rem 0rem 0rem;
}
.header_login .left img {
  width: 0.32rem;
  height: 0.32rem;
}
.header_login .center {
  font-size: 0.24rem;
}
.header_login .right {
  font-size: 0.16rem;
}
.header_login .right a {
  color: white;
}
.registerbox {
  margin-top: 1rem;
  padding: 0rem 0.3rem;
}
.registerbox .input_box {
  border: 0.01rem solid #e7e7e7;
  border-radius: 0.06rem;
  padding: 0rem 0.1rem;
  height: 0.5rem;
  line-height: 0.5rem;
  margin-bottom: 0.15rem;
}
.registerbox .input_box .title {
  margin-right: 0.2rem;
}
.registerbox .input_box .input {
  width: 100%;
  height: 0.48rem;
}
.registerbox .input_box .input input {
  width: 100%;
  font-size: 0.16rem;
}
.registerbox .login_btn {
  margin-top: 0.2rem;
  width: 5.18rem;
  background-color: #2656aa;
  height: 0.5rem;
  line-height: 0.5rem;
  color: white;
  border-radius: 0.3rem;
  font-size: 0.24rem;
}
.registerbox .text {
  margin-top: 0.1rem;
  text-align: right;
  font-size: 0.12rem;
}
.registerbox .text a {
  color: blue;
}
.registerbox .RetrievePassword {
  text-align: right;
}
.registerbox .RetrievePassword a {
  color: blue;
  font-size: 0.16rem;
}
.registerbox .sendtext {
  margin-bottom: 0.1rem;
}
.registerbox .sendtext span {
  color: red;
}
.btn_gray {
  background-color: gray !important;
}
.HomepageModule {
  padding-top: 0.45rem;
}
.HomepageModule.project {
  background: #eff2f6;
}
.HomepageModule .title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.HomepageModule .title .leftxian {
  width: 1.43rem;
  background: #e1e4e9;
  display: inline-block;
  height: 0.01rem;
}
.HomepageModule .title .text {
  margin: 0rem 0.2rem;
}
.HomepageModule .title .text ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.HomepageModule .title .text ul li:nth-child(1) {
  height: 0.28rem;
  font-size: 0.28rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0.22rem;
  letter-spacing: 0rem;
  color: #3265bd;
}
.HomepageModule .title .text ul li:nth-child(2) {
  font-size: 0.14rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.31rem;
  letter-spacing: 0rem;
  color: #818180;
}
.HomepageModule .title .more {
  position: absolute;
  right: 0.26rem;
}
.HomepageModule .title .more a {
  color: #5c80c7;
  font-size: 0.18rem;
}
.HomepageModule .newslist {
  padding-left: 0.55rem;
  padding-bottom: 0.32rem;
  margin-top: 0.41rem;
}
.HomepageModule .newslist .newsbox {
  margin-bottom: 0.4rem;
}
.HomepageModule .newslist .newsbox .timedata {
  border-left: 0.04rem #da6725 solid;
  padding-left: 0.05rem;
  margin-right: 0.4rem;
}
.HomepageModule .newslist .newsbox .timedata ul li:nth-child(1) {
  font-size: 0.18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.25rem;
  letter-spacing: 0rem;
  color: #123b75;
}
.HomepageModule .newslist .newsbox .timedata ul li:nth-child(2) {
  font-size: 0.27rem;
  font-weight: normal;
  letter-spacing: 0rem;
  color: #da6726;
}
.HomepageModule .newslist .newsbox p {
  width: 4.18rem;
  font-size: 0.22rem;
  color: #1e1d1d;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.HomepageModule .Projectlist {
  padding-left: 0.42rem;
  margin-top: 0.38rem;
  padding-bottom: 0.54rem;
}
.HomepageModule .Projectlist .Projectbox {
  margin-bottom: 0.15rem;
}
.HomepageModule .Projectlist .Projectbox img {
  border: 0.01rem solid #666;
  width: 5.16rem;
  height: 3rem;
}
.HomepageModule .Projectlist .Projectbox dl {
  margin-top: 0.1rem;
}
.HomepageModule .Projectlist .Projectbox dl dt {
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.31rem;
  letter-spacing: 0rem;
  color: #373737;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.1rem;
}
.HomepageModule .Projectlist .Projectbox dl dd {
  font-size: 0.2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.31rem;
  letter-spacing: 0rem;
  color: #949494;
}
.HomepageModule.teacher {
  background: #2b5bab;
  padding-bottom: 0.61rem;
}
.HomepageModule.teacher .title .text ul li {
  color: #ffffff;
}
.HomepageModule.teacher .title .more a {
  color: #ffffff;
}
.infofoot {
  background: #214682;
  padding-top: 0.57rem;
  padding-left: 0.53rem;
  padding-bottom: 0.43rem;
}
.infofoot dl dt {
  color: #6cb8ff;
  font-size: 0.16rem;
  margin-bottom: 0.19rem;
}
.infofoot dl dd {
  margin-bottom: 0.19rem;
  color: #6cb8ff;
  font-size: 0.14rem;
}
.teacherlist {
  width: 5.06rem;
  margin-left: 0.47rem;
  margin-top: 0.36rem;
}
.teacherlist .jd_banner .peopleinfo {
  background: #eff2f6;
  padding: 0.45rem;
}
.teacherlist .jd_banner .peopleinfo .title {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0.34rem;
}
.teacherlist .jd_banner .peopleinfo .title > div:nth-child(1) {
  color: #3e3e3e;
  font-size: 0.3rem;
  margin-right: 0.24rem;
}
.teacherlist .jd_banner .peopleinfo .title > div:nth-child(2) {
  color: #939393;
  font-size: 0.18rem;
}
.teacherlist .jd_banner .peopleinfo > p {
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #3e3e3e;
  font-size: 0.16rem;
  text-indent: 2em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.newslist {
  overflow: hidden;
}
.newslist .tablist {
  position: fixed;
  top: 1.1rem;
}
.newslist .newsbox {
  margin-bottom: 0.4rem;
}
.newslist .newsbox .timedata {
  border-left: 0.04rem #da6725 solid;
  padding-left: 0.05rem;
  margin-right: 0.2rem;
}
.newslist .newsbox .timedata ul li:nth-child(1) {
  font-size: 0.18rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.25rem;
  letter-spacing: 0rem;
  color: #123b75;
  width: 0.4rem;
}
.newslist .newsbox .timedata ul li:nth-child(2) {
  font-size: 0.27rem;
  font-weight: normal;
  letter-spacing: 0rem;
  color: #da6726;
}
.newslist .newsbox p {
  width: 4.18rem;
  font-size: 0.22rem;
  color: #1e1d1d;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newslist .news_listbox {
  margin-top: 0.2rem;
  padding: 1.2rem 0.35rem;
}
.newslist .news_listbox .news_box {
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.2rem;
}
.newslist .news_listbox .news_box p {
  width: 4.6rem;
  padding-left: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newslist .news_listbox .news_box span {
  color: #3e3e3e;
}
.NewsDetails {
  padding: 0.4rem;
  padding-top: 1.4rem;
  padding-bottom: 1.2rem;
}
.NewsDetails .title {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
}
.NewsDetails .title .name {
  font-size: 0.28rem;
  font-weight: bold;
  color: #1e1d1d;
}
.NewsDetails .title .time {
  margin-top: 0.05rem;
  color: #929292;
  font-size: 0.16rem;
}
.NewsDetails .center {
  font-size: 0.16rem;
}
.NewsDetails .center img {
  width: 100%;
  margin: 0.05rem 0rem;
}
.NewsDetails .center p {
  margin: 0.05rem 0rem;
  text-indent: 2em;
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #666;
}
.NewsDetails .back {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.NewsDetails .back span {
  width: 1.5rem;
  height: 0.4rem;
  color: white;
  background: #285de8;
  display: inline-block;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 0.06rem;
}
.Trainlist {
  padding: 0.45rem;
  padding-bottom: 0.8rem;
  padding-top: 1.2rem;
}
.Trainlist .Trainbox {
  display: flex;
  background: white;
  margin: 0.1rem 0.1rem 0.15rem 0;
  min-height: 0.8rem;
  margin-bottom: 0.3rem;
}
.Trainlist .Trainbox img {
  width: 1.5rem;
  height: 0.8rem;
  margin-right: 0.2rem;
  border: 0.01rem solid #ddd;
}
.Trainlist .Trainbox .Traininfo {
  padding: 0.05rem 0.1rem;
}
.Trainlist .Trainbox .Traininfo ul li:nth-child(1) {
  display: inline-block;
  font-weight: bold;
  font-size: 0.2rem;
  overflow: hidden;
  width: 3.1rem;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 0.1rem;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Trainlist .Trainbox .Traininfo ul li:nth-child(2) {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.14rem;
}
.TrainingDetails {
  padding-bottom: 1rem;
  background: #f2f2f2;
}
.TrainingDetails > .tu {
  width: 100%;
}
.TrainingDetails .PaymentInformation {
  padding: 1rem 0.35rem 0.35rem 0.35rem;
  background: white;
}
.TrainingDetails .PaymentInformation > .title {
  text-align: left;
  font-size: 0.3rem;
  font-weight: bold;
  color: #373737;
  margin-bottom: 0.3rem;
}
.TrainingDetails .PaymentInformation > .daotime {
  color: #6a6a6a;
  font-size: 0.2rem;
}
.TrainingDetails .PaymentInformation a {
  background: blue;
  color: white;
  border-radius: 0.03rem;
  width: 3.5rem;
  height: 0.4rem;
  margin-left: 1.05rem;
  line-height: 0.4rem;
  margin-top: 0.2rem;
  display: inline-block;
  text-align: center;
}
.TrainingDetails .BasicInformation {
  padding: 0.35rem;
  background: white;
  margin-top: 0.2rem;
}
.TrainingDetails .BasicInformation > dl > dt {
  margin-bottom: 0.2rem;
  font-size: 0.28rem;
  color: #9f9f9f;
}
.TrainingDetails .BasicInformation > dl > dd {
  padding-right: 0.2rem;
  margin-bottom: 0.1rem;
  font-size: 0.16rem;
}
.TrainingDetails .BasicInformation ul li {
  margin-bottom: 0.08rem;
  font-size: 0.16rem;
  font-weight: bold;
}
.TrainingDetails .BasicInformation ul li span {
  margin-left: 0.15rem;
  font-size: 0.18rem;
}
.TrainingDetails .BasicInformation ul li .red {
  color: red;
}
.TrainingDetails .BasicInformation .SignUpImmediate {
  color: white;
  background: #285de8;
  display: inline-block;
  text-align: center;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 3rem;
  margin-top: 0.2rem;
}
.TrainingDetails > .ProjectIntroduction {
  padding: 0.35rem;
  background: white;
  margin-top: 0.2rem;
}
.TrainingDetails > .ProjectIntroduction > dl > dt {
  margin-bottom: 0.2rem;
  font-size: 0.24rem;
}
.TrainingDetails > .ProjectIntroduction > dl > dd {
  padding-right: 0.2rem;
  margin-bottom: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.4rem;
}
.jumpbox {
  background: white;
  margin-top: 0.2rem;
}
.jumpbox .jumplist a ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.1rem 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
}
.jumpbox .jumplist a ul li {
  font-size: 0.2rem;
}
.jumpbox .jumplist a ul li img {
  width: 0.35rem;
  height: 0.35rem;
}
.borBox {
  padding: 0.3rem;
  margin-top: 1.1rem;
}
.peoplebox {
  border: 0.01rem solid #b1b1b2;
}
.peoplebox .photo {
  padding: 0rem 0.3rem;
}
.peoplebox .photo img {
  width: 100%;
}
.peoplebox .Introduce {
  padding: 0.3rem;
  background: #efeff2;
}
.peoplebox .Introduce .name {
  text-align: left;
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.peoplebox .Introduce .name span {
  font-size: 0.18rem;
  font-weight: 300;
  color: #b1b1b2;
}
.peoplebox .Introduce .Introduceinfo {
  line-height: 0.3rem;
  text-indent: 2em;
}
.xz {
  width: 2.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.back {
  width: 3.5rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  background: #2656aa;
  color: white;
  border-radius: 0.06rem;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
}
.back a {
  width: 3.5rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  background: #2656aa;
  color: white;
  border-radius: 0.06rem;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
}
.Filebox {
  margin-top: 0.8rem;
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
}
.Filebox > .title {
  padding: 0rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  position: fixed;
  top: 1.1rem;
  z-index: 100;
  background: white;
  width: 100%;
}
.Filebox > .title .name {
  text-align: center;
  font-size: 0.28rem;
  color: #1e1d1d;
}
.Filebox .Filelist {
  display: flex;
  align-items: center;
  padding: 0.05rem 0.45rem;
  margin-bottom: 0.1rem;
}
.Filebox .Filelist img {
  width: 0.35rem;
  height: 0.35rem;
}
.Filebox .Filelist a {
  display: block;
  overflow: hidden;
  width: 3.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Captcha {
  border: none !important;
  padding: 0rem !important;
}
.Captcha .input {
  border: 0.01rem solid #e7e7e7;
  width: 4.32rem !important;
  padding: 0rem 0.1rem;
}
.Captcha .getCaptcha {
  background: #2656aa;
  color: white;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius: 0.03rem;
  margin-left: 0.05rem;
  width: 1rem;
  text-align: center;
}
.ToSignUp,
.CourseDetails {
  padding-top: 1.1rem;
  background: #f2f2f2;
}
.ToSignUp .setupbox,
.CourseDetails .setupbox {
  background: white;
  margin-bottom: 0.3rem;
  padding-bottom: 0.4rem;
}
.ToSignUp .setupbox .title,
.CourseDetails .setupbox .title {
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  color: #a3a3a3;
  font-size: 0.3rem;
}
.ToSignUp .setupbox .center,
.CourseDetails .setupbox .center {
  margin-top: 0.25rem;
}
.ToSignUp .setupbox .center .Steps,
.CourseDetails .setupbox .center .Steps {
  padding-left: 0.4rem;
}
.ToSignUp .setupbox .center .Steps ul,
.CourseDetails .setupbox .center .Steps ul {
  display: flex;
  align-items: center;
}
.ToSignUp .setupbox .center .Steps ul li img,
.CourseDetails .setupbox .center .Steps ul li img {
  width: 0.3rem;
  height: 0.3rem;
  margin: 0rem 0.05rem;
}
.ToSignUp .setupbox .center .Steps ul .tit,
.CourseDetails .setupbox .center .Steps ul .tit {
  color: white;
  width: 1rem;
  height: 0.3rem;
  border-radius: 0.3rem;
  background: #b5b5b5;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.3rem;
}
.ToSignUp .setupbox .center .Steps ul .check,
.CourseDetails .setupbox .center .Steps ul .check {
  background: #2376d7;
}
.ToSignUp .setupbox .center .input,
.CourseDetails .setupbox .center .input {
  border-bottom: 0.01rem solid #e5e5e5;
  margin: 0rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0.65rem;
  line-height: 0.65rem;
}
.ToSignUp .setupbox .center .input .left,
.CourseDetails .setupbox .center .input .left {
  font-size: 0.2rem;
}
.ToSignUp .setupbox .center .input .right,
.CourseDetails .setupbox .center .input .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 3rem;
}
.ToSignUp .setupbox .center .input .right input,
.CourseDetails .setupbox .center .input .right input {
  width: 2rem;
  font-size: 0.16rem;
}
.ToSignUp .setupbox .center .input .right textarea,
.CourseDetails .setupbox .center .input .right textarea {
  width: 2rem;
  min-height: 0.8rem;
}
.ToSignUp .setupbox .center .input .right .checkbox input,
.CourseDetails .setupbox .center .input .right .checkbox input {
  width: 0.4rem;
}
.ToSignUp .setupbox .center .input .right img,
.CourseDetails .setupbox .center .input .right img {
  width: 0.4rem;
  height: 0.4rem;
}
.ToSignUp .setupbox .center .pay,
.CourseDetails .setupbox .center .pay {
  padding: 0rem 0.45rem;
}
.ToSignUp .setupbox .center .pay .smallbox,
.CourseDetails .setupbox .center .pay .smallbox {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.2rem;
}
.ToSignUp .setupbox .center .paybtn,
.CourseDetails .setupbox .center .paybtn {
  border-top: 0.01rem solid #e5eaf3;
  padding: 0rem 0.4rem;
  justify-content: space-between;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.ToSignUp .setupbox .center .paybtn .left,
.CourseDetails .setupbox .center .paybtn .left {
  font-size: 0.36rem;
  color: #ff5800;
}
.ToSignUp .setupbox .center .paybtn .right .sub,
.CourseDetails .setupbox .center .paybtn .right .sub {
  background: #ff5800;
  color: white;
  width: 2.5rem;
  height: 0.6rem;
  font-size: 0.26rem;
  border-radius: 0.04rem;
}
.SpecialItem {
  border: 0.01rem solid #c3c3c3;
  background: #eaf3ff;
  display: inline-block;
  padding: 0.3rem 0.3rem;
  margin-bottom: 0.4rem;
}
.SpecialItem dl dt {
  font-size: 0.28rem;
  color: #252422;
  text-align: center;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.SpecialItem dl dd {
  font-size: 0.2rem;
  color: #6b6c6c;
  line-height: 0.3rem;
}
.SpecialItemDetails {
  padding-bottom: 0.5rem !important;
}
.SpecialItemDetails > .title > .name {
  text-align: center;
}
.SpecialItemDetails_Course {
  padding: 0rem 0.4rem;
  padding-bottom: 0.8rem;
}
.SpecialItemDetails_Course > .title {
  margin-bottom: 0.2rem;
}
.SpecialItemDetails_Course > .title dl dd {
  font-size: 0.3rem;
  color: #134c9e;
  margin-bottom: 0.1rem;
}
.SpecialItemDetails_Course > .title dl dt {
  color: #929292;
  font-size: 0.13rem;
}
.SpecialItemDetails_Course .Trainbox {
  display: flex;
  background: white;
  margin: 0.1rem 0.1rem 0.15rem 0;
  height: 0.7rem;
  margin-bottom: 0.3rem;
}
.SpecialItemDetails_Course .Trainbox img {
  width: 1.5rem;
  height: 0.8rem;
  margin-right: 0.2rem;
  border: 0.01rem solid #ddd;
}
.SpecialItemDetails_Course .Trainbox .Traininfo ul li:nth-child(1) {
  display: inline-block;
  font-weight: bold;
  font-size: 0.2rem;
  overflow: hidden;
  width: 3.3rem;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 0.1rem;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.SpecialItemDetails_Course .Trainbox .Traininfo ul li:nth-child(2) {
  font-size: 0.14rem;
}
.Notice {
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
}
.Notice .title {
  padding: 0rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  position: fixed;
  top: 1.1rem;
  z-index: 100;
  background: white;
  width: 100%;
}
.Notice .title .name {
  text-align: center;
  font-size: 0.28rem;
  color: #1e1d1d;
}
.Notice .center {
  padding: 0rem 0.4rem;
  padding-top: 0.8rem;
}
.Notice .center > img {
  width: 100%;
  margin: 0.05rem 0rem;
}
.Notice .center > p {
  margin: 0.05rem 0rem;
  text-indent: 2em;
}
.gary {
  background: #f2f2f2;
}
.Course {
  background: #f2f2f2;
}
.Course .Coursebox {
  margin-bottom: 0.3rem;
  background: white;
  padding: 0.4rem;
}
.Course .Coursebox .DateOf {
  font-size: 0.3rem;
  color: #585858;
  margin-bottom: 0.2rem;
  padding-bottom: 0.2rem;
}
.Course .Coursebox .Curriculum {
  margin-bottom: 0.15rem;
}
.Course .Coursebox .Curriculum:not(:last-child) {
  border-bottom: 0.01rem solid #c1c1c1;
}
.Course .Coursebox .Curriculum .Head .todo {
  font-size: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.05rem;
}
.Course .Coursebox .Curriculum .Head .time {
  font-size: 0.14rem;
  color: #254c9d;
  margin-bottom: 0.1rem;
}
.Course .Coursebox .Curriculum .Introduce {
  margin-bottom: 0.2rem;
}
.Message {
  padding-top: 1.1rem;
  padding-bottom: 0.8rem;
}
.Message > .title {
  padding: 0rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  position: fixed;
  top: 1.1rem;
  z-index: 100;
  background: white;
  width: 100%;
}
.Message > .title .name {
  text-align: center;
  font-size: 0.28rem;
  color: #1e1d1d;
}
.Message .box {
  padding-top: 0.6rem;
  background: #c1c1c1;
}
.mesbigbox {
  background: white;
  padding: 0.4rem;
  margin-bottom: 0.07rem;
}
.mesbigbox:not(:last-child) {
  border-bottom: 0.01rem solid #c1c1c1;
}
.mesbigbox > .AMessageSource {
  font-size: 0.25rem;
  font-weight: bold;
  background: #c1c1c1;
  padding: 0.03rem 0.1rem;
}
.mesbigbox .Messagebox:not(:first-child) {
  padding-left: 0.2rem;
}
.mesbigbox > .Rep {
  background: #c1c1c1;
  padding: 0.1rem;
  border-radius: 0.04rem;
  position: relative;
}
.mesbigbox > .Rep > img {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  top: 0.05rem;
  right: 0.05rem;
}
.mesbigbox > .Rep .input {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
}
.mesbigbox > .Rep .input input {
  padding: 0.04rem 0.1rem;
  width: 3.5rem;
  margin-right: 0.05rem;
}
.mesbigbox > .Rep .input button {
  background: #3498db;
  color: white;
  display: inline-block;
  width: 0.8rem;
  height: 0.3rem;
  line-height: 0.3rem;
}
.Messagebox {
  padding: 0.1rem 0rem;
}
.Messagebox > .title ul {
  display: flex;
  justify-content: space-between;
}
.Messagebox > .title ul li {
  color: #a2a2a2;
  font-size: 0.12rem;
}
.Messagebox .Text {
  padding: 0.1rem 0rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Messagebox .Text > p {
  font-size: 0.16rem;
  width: 3.3rem;
}
.Messagebox .Text > .regto {
  width: 1rem;
  height: 0.35rem;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.35rem;
  display: inline-block;
  background: #e67e22;
  border-radius: 0.06rem;
  color: white;
}
.aboutme {
  padding: 0.4rem;
  padding-top: 1.1rem;
  padding-bottom: 1rem;
}
.aboutme .NewsDetails {
  padding: 0.1rem 0rem;
}
.MyCenter {
  margin-top: 0.8rem;
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
}
.MyCenter > .title {
  padding: 0rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  position: fixed;
  top: 1.1rem;
  z-index: 100;
  background: white;
  width: 100%;
}
.MyCenter > .title .name {
  text-align: center;
  font-size: 0.28rem;
  color: #1e1d1d;
}
.taglist {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  top: 1.1rem;
  background: #f1f0f0;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0rem 0.15rem;
  display: flex;
  align-items: center;
}
.taglist::-webkit-scrollbar {
  display: none;
}
.taglist ul {
  height: 0.6rem;
  line-height: 0.6rem;
  white-space: nowrap;
}
.taglist ul li {
  padding: 0rem 0.15rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border: 0.01rem solid #b5b5b5;
  background: white;
  text-align: center;
  border-radius: 0.03rem;
  margin-right: 0.05rem;
  display: inline-block;
}
.taglist ul li.check {
  background: #3265bd;
  color: white;
}
.taglist span img {
  width: 0.4rem;
  height: 0.4rem;
}
#getArea {
  font-size: 0.16rem !important;
}
.Certificate {
  padding: 0.4rem;
}
.Certificate .certificateBox {
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.Certificate .certificateBox:not(:last-child) {
  border-bottom: 0.01rem solid #e5e5e5;
}
.Certificate .certificateBox > img {
  width: 100%;
}
.Certificate .certificateBox > .name {
  font-size: 0.3rem;
}
.Certificate .certificateBox > .Operate {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-around;
}
.Certificate .certificateBox > .Operate li:nth-child(1) a {
  width: 0.8rem;
  height: 0.4rem;
  display: inline-block;
  text-align: center;
  line-height: 0.4rem;
  background: #3498db;
  color: white;
  border-radius: 0.02rem;
}
.Certificate .certificateBox > .Operate li:nth-child(2) a {
  width: 0.8rem;
  height: 0.4rem;
  display: inline-block;
  text-align: center;
  line-height: 0.4rem;
  background: #8e44ad;
  color: white;
  border-radius: 0.02rem;
}
.FocusOn .FocusOnBtn {
  width: 0.7rem;
  text-align: center;
  line-height: 0.3rem;
  font-size: 0.13rem;
  color: white;
  display: inline-block;
  background: #95a5a6;
  height: 0.3rem;
}
.FocusOn .FocusOnBtn.check {
  background: #d35400;
}
.FocusOn .course .Trainbox {
  align-items: center;
}
.PersonalData {
  padding-bottom: 1.3rem;
}
.PersonalData .input {
  border-bottom: 0.01rem solid #e5e5e5;
  margin: 0rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0.65rem;
  line-height: 0.65rem;
}
.PersonalData .input .left {
  font-size: 0.2rem;
}
.PersonalData .input .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 3rem;
}
.PersonalData .input .right input {
  width: 2rem;
  font-size: 0.16rem;
}
.PersonalData .input .right textarea {
  width: 2rem;
  min-height: 0.8rem;
}
.PersonalData .input .right .checkbox input {
  width: 0.4rem;
}
.PersonalData .input .right img {
  width: 0.4rem;
  height: 0.4rem;
}
.PersonalData .save {
  margin-top: 0.4rem;
  width: 100%;
  height: 0.6rem;
  color: white;
  background: #2656aa;
  font-size: 0.3rem;
}
.ChangePassword {
  padding-top: 1.1rem;
}
.ChangePassword > p {
  font-size: 0.12rem;
  color: #818180;
}
.Inmail .InmailBox {
  padding: 0.1rem 0.4rem;
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #e7e7e7;
}
.Inmail .InmailBox > span {
  display: block;
  width: 0.7rem;
  height: 0.3rem;
}
.Inmail .InmailBox > span.check i {
  display: none;
}
.Inmail .InmailBox > span i {
  background: #c0392b;
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 100%;
}
.Inmail .InmailBox .mailBox {
  width: 6rem;
}
.Inmail .InmailBox .mailBox > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.05rem;
}
.Inmail .InmailBox .mailBox > ul li:nth-child(1) {
  font-size: 0.14rem;
  color: #373737;
  font-weight: bold;
}
.Inmail .InmailBox .mailBox > ul li:nth-child(2) img {
  width: 0.2rem;
  height: 0.2rem;
}
.Inmail .InmailBox .mailBox > p {
  font-size: 0.14rem;
}
.Inmail .InmailBox .mailBox > .time {
  margin-top: 0.05rem;
  font-size: 0.12rem;
  color: #373737;
}
.ICourse {
  padding: 0rem 0.4rem;
}
.ICourse .icourseBox {
  border: 0.01rem solid #95a5a6;
  margin-bottom: 0.2rem;
}
.ICourse .icourseBox a > .title {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.14rem;
  padding-left: 0.1rem;
}
.ICourse .icourseBox a > img {
  width: 100%;
}
.ICourseinfo > img {
  width: 100%;
}
.money {
  color: #d35400;
}
.CourseDetails .setupbox {
  border-top: 0.02rem solid black;
  position: fixed;
  bottom: 0rem;
  width: 100%;
  z-index: 99999;
}
.CourseDetails .setupbox > .title {
  padding-right: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.TrainingTeacher .Trainlist {
  padding-top: 0.6rem;
}
.TrainingTeacher > .title {
  padding: 0rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  position: fixed;
  top: 1.1rem;
  z-index: 100;
  background: white;
  width: 100%;
  text-align: center;
  font-size: 0.28rem;
  color: #1e1d1d;
}
.right select option {
  font-size: 0.16rem;
}
.scroll {
  overflow-x: scroll;
  overflow-y: hidden;
}
.scroll .tab_tags {
  font-size: 0.13rem;
  white-space: nowrap;
}
.DemandSurvey {
  padding: 0rem 0.3rem;
  margin-top: 0.4rem;
  padding-bottom: 0.5rem;
}
.DemandSurvey > .title {
  font-size: 0.14rem;
}
.DemandSurvey .subbtn {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.28rem;
  color: white;
  text-align: center;
  background: #209ae8;
}
.demandbox {
  margin-bottom: 0.2rem;
}
.demandbox > .title {
  padding: 0.25rem 0.3rem;
  font-size: 0.24rem;
  color: #333333;
  background: #fdf9eb;
  width: 100%;
  margin-bottom: 0.2rem;
}
.demandbox .select_btn {
  font-size: 0.26rem;
  padding: 0rem 0.3rem;
  margin-top: 0.05rem;
  margin-bottom: 0.2rem;
  border: 0.01rem solid #dbdada;
  height: 0.7rem;
  line-height: 0.7rem;
  display: flex;
  align-items: center;
}
.demandbox .select_btn .checkbox_style {
  display: none;
}
.demandbox .select_btn label {
  display: inline;
}
.demandbox .select_btn .checkbox_style + label {
  background-color: #fff;
  border: 0.01rem solid #8a8a8a;
  padding: 0.07rem;
  display: inline-block;
  position: relative;
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin-right: 0.2rem;
}
.demandbox .select_btn .checkbox_style:checked + label {
  background-color: #209ae8;
  border: 0.01rem solid #209ae8;
  color: #209ae8;
}
.demandbox .select_btn .checkbox_style:checked + label:after {
  content: " \2714";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  padding: 0 0 0.01rem;
  color: white;
  text-align: center;
  font-size: 0.24rem;
}
.demandbox .shuruBox .redio ul {
  border-radius: 0.07rem;
  border: 0.01rem solid #dbdada;
}
.demandbox .shuruBox .redio ul li {
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 0.3rem;
  /*隐藏checkbook*/
  /*未被选中时*/
  /*选中checkbox时，修改背景图*/
}
.demandbox .shuruBox .redio ul li:not(:last-child) {
  border-bottom: 0.01rem solid #dbdada;
}
.demandbox .shuruBox .redio ul li .my_protocol {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
}
.demandbox .shuruBox .redio ul li .my_protocol .input_agreement_protocol {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.demandbox .shuruBox .redio ul li .my_protocol .input_agreement_protocol + span {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon_check.png") no-repeat;
  background-size: cover;
  margin-right: 0.3rem;
}
.demandbox .shuruBox .redio ul li .my_protocol .input_agreement_protocol:checked + span {
  background: url("../images/icon_checkbox_checked.png") no-repeat;
  background-size: cover;
}
.demandbox .shuruBox input {
  border: 0.01rem solid #dbdada;
  width: 100%;
  padding: 0.2rem 0.25rem;
}
.demandbox .shuruBox textarea {
  width: 100%;
  padding: 0.15rem 0.2rem;
}
.CourseList {
  background: #f2f2f2;
}
.CourseList > .bigcourse {
  padding: 0.2rem 0.3rem;
  margin-bottom: 0.2rem;
  background: white;
}
.CourseList > .bigcourse > .title {
  font-size: 0.3rem;
  color: #8f8f8f;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.CourseList > .bigcourse > .center > .solt {
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #8f8f8f;
  margin-bottom: 0.2rem;
}
.CourseList > .bigcourse > .center > .solt > .left {
  width: 3.9rem;
}
.CourseList > .bigcourse > .center > .cour > ul {
  display: flex;
  align-items: center;
  margin-bottom: 0.15rem;
}
.CourseList > .bigcourse > .center > .cour > ul > li:nth-child(1) {
  font-size: 0.18rem;
  width: 4rem;
}
.CourseList > .bigcourse > .center > .cour > ul > li:nth-child(2) {
  font-size: 0.16rem;
  color: #003087;
  width: 0.8rem;
}
.CourseList > .bigcourse > .center > .cour > ul > li:nth-child(3) a {
  display: inline-block;
  width: 0.55rem;
  font-size: 0.14rem;
  color: white;
  background: #ff6600;
  text-align: center;
  line-height: 0.3rem;
  height: 0.3rem;
  border-radius: 0.07rem;
}
.Homework {
  background: #f2f2f2;
}
.Homework > .HomeworkInof {
  background: white;
  margin-bottom: 0.2rem;
  padding: 0.5rem 0.3rem;
}
.Homework > .HomeworkInof > .title {
  font-size: 0.3rem;
  font-weight: bold;
  color: #a1a1a1;
  margin-bottom: 0.5rem;
}
.Homework > .HomeworkInof > .tabbox > .flex {
  margin-bottom: 0.3rem;
}
.Homework > .HomeworkInof > .tabbox > .flex > .title {
  font-size: 0.18rem;
  font-weight: bold;
}
.Homework > .HomeworkInof > .tabbox > .flex > .time {
  color: #244ce9;
  font-size: 0.18rem;
}
.Homework > .HomeworkInof > .tabbox > p {
  color: #646464;
  font-size: 0.18rem;
}
.Homework > .HomeworkInof > .tabbox > .down {
  margin-top: 0.5rem;
  width: 2.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #3366ee;
  text-align: center;
  display: inline-block;
  color: white;
  border-radius: 0.07rem;
  font-size: 0.32rem;
}
.Homework > .HomeworkInof > .tabbox .Score {
  color: #646464;
  font-size: 0.18rem;
  margin-bottom: 0.3rem;
}
.Homework > .HomeworkInof > .tabbox .Score > span {
  display: inline-block;
  color: red;
  font-size: 0.3rem;
  font-weight: bold;
  margin-right: 0.05rem;
}
.Homework > .HomeworkInof > .myhomework > li {
  margin-right: 0.2rem;
}
.Homework > .HomeworkInof > .myhomework > li > a {
  margin-top: 0.5rem;
  width: 2.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #f6f5f5;
  text-align: center;
  display: inline-block;
  color: white;
  border-radius: 0.07rem;
  font-size: 0.32rem;
  border: 0.01rem solid #d2d2d2;
  color: #6f6f6f;
}
.mt30 {
  margin-top: 0.3rem;
}
.TestResults {
  display: flex;
  align-items: center;
}
.TestResults > .Score {
  margin-bottom: 0rem !important;
}
.TestBy {
  margin-left: 0.1rem;
  display: inline-block;
  padding: 0rem 0.15rem;
  line-height: 0.3rem;
  height: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
  background: green;
  color: white;
  border-radius: 0.1rem;
}
.TestBy.Failure {
  background: red;
}
.ExaminationRemark {
  font-size: 0.14rem !important;
  margin-top: 0.1rem;
}
.uploadimg {
  padding: 0.3rem;
}
.uploadimg .uploadBox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.uploadimg > p {
  margin-top: 0.05rem;
}
.uploadimg .head-img {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 1.25rem;
}
.uploadimg > .Describe {
  margin-top: 1rem;
  font-size: 0.14rem;
  color: #646464;
}
.uploadimg > .Describe > p {
  line-height: 0.3rem;
}
.uploadimg > .btn {
  margin-top: 0.4rem;
}
.uploadimg > .btn > ul {
  display: flex;
  justify-content: space-between;
}
.uploadimg > .btn > ul li:nth-child(1) a {
  width: 2.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: white;
  background: #3366cc;
  display: inline-block;
  text-align: center;
  font-size: 0.28rem;
  border-radius: 0.06rem;
}
.uploadimg > .btn > ul li:nth-child(2) > .upbtn {
  width: 2.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: white;
  background: #ff6600;
  display: inline-block;
  text-align: center;
  font-size: 0.28rem;
  border-radius: 0.06rem;
}
.no-bot {
  margin-bottom: 0rem !important;
}
.timeShow {
  padding: 0rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-bottom: 0.1rem;
}
.timeShow .time > ul {
  display: flex;
  align-items: center;
}
.timeShow .time > ul li img {
  width: 0.3rem;
  height: 0.3rem;
}
.timeShow .time > ul li span {
  color: #7f7f7f;
  font-size: 0.3rem;
}
.timeShow .Sheet > ul {
  display: flex;
}
.timeShow .Sheet > ul li {
  width: 1.2rem;
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  border: #c9c9c9 0.01rem solid;
  border-radius: 0.06rem;
  font-size: 0.26rem;
}
.timeShow .Sheet > ul li:nth-child(1) {
  margin-right: 0.2rem;
}
.SheetBox {
  z-index: 99999;
  width: 100%;
  position: fixed;
  background: white;
  right: 0rem;
  border: 0.01rem solid #e0e0e0;
  border-radius: 0.04rem;
  top: 0rem;
  overflow: auto;
  height: 100%;
}
.SheetBox > .top {
  padding: 0.1rem 0.3rem;
  border-bottom: 0.01rem solid #e0e0e0;
  position: fixed;
  top: 0rem;
  width: 100%;
  background: white;
}
.SheetBox > .top > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SheetBox > .top > ul li {
  display: inline-block;
}
.SheetBox > .top > ul li img {
  width: 0.35rem;
  height: 0.35rem;
}
.SheetBox > .top > ul li:nth-child(1) {
  width: 0.35rem;
  height: 0.35rem;
}
.SheetBox > .top > ul li:nth-child(2) {
  font-size: 0.3rem;
  font-weight: bold;
}
.SheetBox .bottom {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0rem;
  width: 100%;
  background: white;
  padding: 0.15rem 0rem;
}
.SheetBox .bottom button {
  width: 5rem;
  display: inline-block;
  border-radius: 0.06rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.26rem;
  background: #3c76d0;
  color: white;
}
.SheetBox .ti {
  height: 100%;
  overflow: auto;
  padding: 0.3rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.SheetBox .smllbox {
  margin-bottom: 0.25rem;
}
.SheetBox .smllbox > .title {
  font-size: 0.16rem;
  margin-bottom: 0.25rem;
}
.SheetBox .smllbox > .center ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.SheetBox .smllbox > .center ul li {
  width: 20%;
  margin-bottom: 0.25rem;
}
.SheetBox .smllbox > .center ul li.checked a {
  background: #3c76d0;
  color: white;
}
.SheetBox .smllbox > .center ul li a {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  font-size: 0.3rem;
  color: #333333;
  border: 0.01rem solid #bbbbbb;
  text-align: center;
  line-height: 0.5rem;
}
.Exam {
  padding: 0rem 0.2rem;
  padding-top: 0.3rem;
}
.Exam .subbtn {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.28rem;
  color: white;
  text-align: center;
  background: #ff6600;
}
.HelpinfoBox {
  padding-bottom: 0.5rem;
}
.HelpinfoBox img {
  width: 100%;
}
.HelpinfoBox .b-line {
  position: relative;
}
.HelpinfoBox .b-line:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  border-bottom: 0.01rem solid #e2e2e2;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.HelpinfoBox .submenu {
  display: none;
  padding-left: 0.2rem;
  position: relative;
}
.HelpinfoBox .accordion {
  padding: 0.05rem 0.15rem;
}
.HelpinfoBox .aui-menu-item {
  /* height: 0.4rem; */
  line-height: 0.4rem;
  padding: 0.05rem 0;
}
.HelpinfoBox .accordion li i {
  position: absolute;
  color: #a7a7a7;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-size: 0.16rem;
}
.HelpinfoBox .link {
  font-size: 0.16rem;
  padding-left: 0.25rem;
}
.HelpinfoBox .submenu p {
  font-size: 0.14rem;
  line-height: 0.2rem;
  padding-bottom: 0.1rem;
}
.HelpinfoBox .aui-icon-q {
  background: url() no-repeat;
  background-size: 0.16rem;
  box-sizing: border-box;
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  left: 0;
  top: 0.16rem;
}
.HelpinfoBox .accordion .icon-dow {
  position: absolute;
  background-size: 0.2rem;
  right: 0;
  top: 0.16rem;
  background-image: url("");
}
.HelpinfoBox .accordion li.open i.icon-dow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.HelpinfoBox .accordion li.open i.icon-dow {
  background-image: url("");
}
.HelpinfoBox .accordion li.open i.aui-icon-q {
  background: url() no-repeat;
  background-size: 0.16rem;
}
.HelpinfoBox .accordion li.open .link {
  color: #fb7414;
}
.HelpinfoBox .icon-a {
  position: absolute;
  top: 0;
  left: 0;
  background-size: 0.16rem;
  background: url() no-repeat left 0.09333rem;
}
.LearningProcess > .title {
  text-align: center;
  font-size: 0.24rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.LearningProcess > .center {
  /* 向上的箭头 */
}
.LearningProcess > .center .timeline {
  position: relative;
  text-align: left;
}
.LearningProcess > .center .timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.18rem;
  height: 100%;
  width: 0.02rem;
  background: #d2d2d2;
}
.LearningProcess > .center .Headlines {
  margin: -0.21rem;
  font-size: 0.2rem;
  color: #868686;
}
.LearningProcess > .center .ctimeline-img {
  position: relative;
  left: 0.12rem;
  top: 0.2rem;
  width: 0.13rem;
  height: 0.13rem;
  background: url("../images/point-h.png");
  background-size: 0.13rem 0.13rem;
}
.LearningProcess > .center .ctimeline-img img {
  width: 100%;
  height: 100%;
}
.LearningProcess > .center .cd-date {
  font-size: 0.12rem;
  color: #cccccc;
}
.LearningProcess > .center .item {
  float: left;
  clear: both;
  margin-bottom: 0.23rem;
}
.LearningProcess > .center .dot-top {
  position: relative;
  top: 0.31rem;
  left: 0.5rem;
  font-size: 0;
  line-height: 0;
  border: 0.1rem dashed #eeeeee;
  border-top-width: 0;
  border-right-color: transparent;
  border-bottom-style: solid;
  border-left-color: transparent;
}
.LearningProcess > .center .msgBox {
  border: 0.02rem solid #eeeeee;
  width: 100%;
  padding: 2%;
  margin-top: 2%;
}
.LearningProcess > .center .msgBox > .name {
  margin-bottom: 0.1rem;
}
.LearningProcess > .center .msgBox > .time > ul {
  font-size: 0.14rem;
}
.LearningProcess > .center .msgBox > .time > ul > li > ul {
  margin-bottom: 0.05rem;
  display: flex;
  align-items: center;
}
.LearningProcess > .center .msgBox > .time > ul > li > ul > li:nth-child(1) {
  margin-right: 0.05rem;
}
.LearningProcess > .center .msgBox > .time > ul > li > ul > li:nth-child(3) {
  width: 0.15rem;
  margin-left: 0.05rem;
}
.LearningProcess > .center .msgBox > .time > ul > li > ul > li:nth-child(3) img {
  position: relative;
  top: -0.02rem;
  width: 100%;
}
.LearningProcess > .center .msgBox > .VideoLearn > ul {
  font-size: 0.14rem;
}
.LearningProcess > .center .msgBox > .VideoLearn > ul > li > ul {
  margin-bottom: 0.05rem;
  display: flex;
  align-items: center;
}
.LearningProcess > .center .msgBox > .VideoLearn > ul > li > ul > li:nth-child(1) {
  margin-right: 0.05rem;
}
.LearningProcess > .center .msgBox > .Bar {
  position: relative;
  width: 4rem;
  /* 宽度 */
  border: 0.01rem solid #b1d632;
  padding: 0.01rem;
}
.LearningProcess > .center .msgBox > .Bar > div {
  display: block;
  position: relative;
  background: #1890ff;
  /* 进度条背景颜色 */
  color: #333333;
  height: 0.2rem;
  /* 高度 */
  line-height: 0.2rem;
  /* 必须和高度一致，文本才能垂直居中 */
}
.LearningProcess > .center .msgBox > .Bar > div > span {
  padding-left: 0.1rem;
  color: white;
}
.LearningProcess > .center .r-info {
  position: relative;
  top: 0rem;
  left: 0.3rem;
  width: 80%;
}
.LearningProcess > .center .tab_Course {
  padding: 0.8rem 0.1rem;
  margin-top: 0.2rem;
}
.LearningProcess > .center .wlbtnbox > .wlbtn {
  padding: 0.09rem 0.15rem;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  background: #fff;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  color: #fff;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.primary {
  background-color: #409eff;
  border-color: #409eff;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.success {
  background-color: #67c23a;
  border-color: #67c23a;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.info {
  background-color: #909399;
  border-color: #909399;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.LearningProcess > .center .wlbtnbox > .wlbtn.look {
  border: 0.01rem solid #dcdfe6;
  color: #606266;
}
.LearningProcess > .center .up > .upbtn {
  padding: 0.09rem 0.15rem;
  color: white;
  background: #ff6600;
  display: inline-block;
  text-align: center;
  font-size: 0.16rem;
  border-radius: 0.06rem;
}
.LearningProcess > .center .timeline_Finish::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.18rem;
  height: auto;
  width: 0.02rem;
  background: #1890ff;
}
.LearningProcess > .center .timeline_Finish .ctimeline-img {
  position: relative;
  left: 0.12rem;
  top: 0.2rem;
  width: 0.13rem;
  height: 0.13rem;
  background: url("../images/point.png");
  background-size: 0.13rem 0.13rem;
}
.PaymentBtn {
  position: fixed;
  bottom: 0rem;
  border-top: 0.01rem solid #f2f2f2;
  height: 0.8rem;
  width: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  padding-top: 0.1rem;
}
.PaymentBtn > button {
  width: 80%;
  color: 0.32rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #e96e1c;
  color: white;
  font-size: 0.28rem;
  font-weight: bold;
  border-radius: 0.06rem;
}
.Teachers .Trainbox {
  background: #efeff2;
}
.indexnewstitle {
  display: flex;
  align-items: flex-end;
  border-bottom: 0.02rem solid #d7dde4;
  margin: 0 0.4rem;
}
.indexnewstitle .tablist {
  background-color: white;
  width: 4.5rem;
  border-bottom: none;
}
.indexnewstitle .tablist .tab_tags {
  font-weight: bold;
}
.indexnewstitle .more {
  position: relative;
  top: -0.08rem;
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexnewstitle .more a {
  color: #255596;
}
